<template>
    <!--查看更多>>-->
        <div class="look-more-box">
            <router-link class="look-more-item" :to="to">
                <div >查看更多&gt;&gt;</div>
            </router-link>

        </div>
</template>

<script>
export default {
    name: "LookMore",
    props:{
        to:{
            type:Object,
            default(){
                return {}
            }
        }
    }
}
</script>

<style lang="less" scoped>
//phone
@media only screen and (max-width: 576px){
    .look-more-box{
        .look-more-item{
            height:7vw;
            line-height:7vw;
            font-size: 3vw;
            color:rgba(15, 121, 205, 1);
            margin: auto 0;
        }
    }
}

//pc
@media only screen and (min-width: 576px){
    .look-more-box{
        display:flex;
        justify-content:flex-end;
        .look-more-item{
            font-size: 14px;
            line-height:14px;
            color:rgba(15, 121, 205, 1);
            margin: auto 0;
            cursor:pointer;
        }
    }
}

</style>